# app router

9 articles

32blogのTTFBを1260ms→100msに改善した実体験。root layoutのheaders()が全ルートを静かに動的化する罠と、next-intl公式パターンに従った修正方法を解説。

Claude CodeがやりがちなApp Routerの7大ミス、CLAUDE.mdで防ぐ方法、next-devtools-mcpによるリアルタイムエラーフィードバックまで。

SSRのはずなのに静的になる・キャッシュが効きすぎる。App Routerで起こりがちなSSRトラブルの原因パターンと修正方法を解説。

next-intl v4をApp Routerに組み込む手順を解説。32blog.comで実際に使っているja/en/es切替の実装を完全公開。

32blog.comのnext-intl実装で実際に踏んだ落とし穴と解決策。ミドルウェア設定・動的ルート・SEOまで実例で解説。

App RouterのServer ComponentsでSSRがどう変わったか。データ取得・キャッシュ・ストリーミングの実践パターンを解説。

RSCの仕組み・Client Componentsとの違い・いつ使うべきかを実例で解説。Next.js App Routerでの実践パターンも紹介。

React Server Componentsで「use client」を増やしすぎない設計パターンを解説。Island Architecture・Composition Pattern・実践的リファクタリング例。

Next.js 16 + TypeScript + Tailwind v4 + shadcn/uiの初期構築をClaude Codeで自動化。CLAUDE.mdの書き方からカスタムコマンド・Vercelデプロイまで。